﻿<!DOCTYPE html>
<html lang="en" dir="ltr">
	<head>
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="wap-font-scale" content="no">
		<title>China CUPBOARD Manufacturers, Factory - Buy CUPBOARD at Good Price-Maifeier(Tianjin) Wood Industry Co., Ltd</title>
		<link rel="shortcut icon" href="https://static.tigerwing.net/Content/upload/623823/logo-ico-316.ico">
		<style type="text/css">
    .btn_edit_widget {
        position: absolute;
        width: 70px;
        height: 20px;
        border-radius: 5px;
        background-color: #f00;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #fff;
        z-index: 99999;
        cursor: pointer;
    }
</style>
<script type="text/javascript">
    function editWidget(widgetId, widgetType, adminDomain)
    {
        var url = "http://" + adminDomain + "/AdminWidget/" + widgetType + "?widgetId=" + widgetId;
        window.open(url, "_blank");
    } 

    var logJs = document.createElement('script');
    logJs.type = 'text/javascript';
    logJs.async = true;
    logJs.charset = 'utf-8';
    logJs.src = '/api/log?httpReferer=' + document.referrer;
    var rootJs = document.getElementsByTagName('script')[0];
    rootJs.parentNode.insertBefore(logJs, rootJs);
</script>
	</head>
	<body>
		<link href="static/css/animate.min.css" rel="stylesheet" type="text/css">
<link href="static/css/init.css" rel="stylesheet" type="text/css">
<link href="static/css/iconfont.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="https://static.tigerwing.net/Content/upload/623823/logo-ico-316.ico" type="image/x-icon">
<!-- pc导航 -->
		<header class="header">
		    <div class="header-wrap">
		        <div class="wd1600 header-content wrapper">
<!-- 					<tw:menu>
					<div class="header-left">
						<div class="header-logo">
							<a title="Maifeier(Tianjin) Wood Industry Co., Ltd" href="/">
								<img class="lazyload" alt=""  data-src="https://static.tigerwing.net/Content/upload/623823/logo-693.png.webp" src="https://static.tigerwing.net/Content/upload/623823/logo-693.png.webp">
							</a>
						</div>
						<div class="header-nav">
							<ul id="main-menu">
								<item>
									<li class="site_top">
										<a href="[url:0]" title="[name:0]" class="top_link">[name:0]</a>
											<child>
												<ul class="site_second_ul">
												  <li class="site_second"><a href="[url:1]" title="[name:1]">[name:1]</a></li>
												</ul>
											</child>
									</li>
								</item>
							</ul>
						</div>
					</div>
					</tw:menu> -->
	
					<div class="header-left">
						<div class="header-logo">
							<a title="Maifeier(Tianjin) Wood Industry Co., Ltd" href="index.html">
								<img class="lazyload" alt="" data-src="https://static.tigerwing.net/Content/upload/623823/logo-693.png.webp" src="static/picture/logo-693.png.webp">
							</a>
						</div>
						<div class="header-nav">
							<ul id="main-menu">
								<li><a href="index.html" title="Home">Home</a> 
									<ul class="active">	
									
									</ul>	
								</li><li><a href="about.html" title="About Us">About Us</a> 
									<ul class="active">	
									
									</ul>	
								</li><li><a href="products.html" title="Products">Products</a> 
									<ul class="active">	
									<li><a href="maifeier-doors.html" title="MAIFEIER  DOORS">MAIFEIER  DOORS</a>
											<ul class="sub-ul">
												<li><a href="pvc-door1.html" title="PVC door">PVC door</a></li><li><a href="/products/painted-door/" title="Painted door">Painted door</a></li><li><a href="aluminium-door1.html" title="Aluminium door">Aluminium door</a></li>
											</ul>	
										</li><li><a href="maifeier-window.html" title="MAIFEIER WINDOW">MAIFEIER WINDOW</a>
											<ul class="sub-ul">
												<li><a href="sliding-window.html" title="Sliding window">Sliding window</a></li><li><a href="balcony-window.html" title="Balcony window">Balcony window</a></li><li><a href="casement-window.html" title="Casement window">Casement window</a></li>
											</ul>	
										</li><li><a href="maifeier-cabinet.html" title="MAIFEIER CABINET">MAIFEIER CABINET</a>
											<ul class="sub-ul">
												<li><a href="/products/wardrobe/" title="Wardrobe">Wardrobe</a></li><li><a href="cupboard1.html" title="Cupboard">Cupboard</a></li><li><a href="bathroom-cabinet1.html" title="Bathroom cabinet">Bathroom cabinet</a></li>
											</ul>	
										</li><li><a href="maifeier-others.html" title="MAIFEIER OTHERS">MAIFEIER OTHERS</a>
											<ul class="sub-ul">
												<li><a href="skirting.html" title="Skirting">Skirting</a></li><li><a href="wallpanel.html" title="Wallpanel">Wallpanel</a></li>
											</ul>	
										</li>
									</ul>	
								</li><li><a href="articles.html" title="News">News</a> 
									<ul class="active">	
									
									</ul>	
								</li><li><a href="download.html" title="Download">Download</a> 
									<ul class="active">	
									
									</ul>	
								</li><li><a href="faq.html" title="Faq">Faq</a> 
									<ul class="active">	
									
									</ul>	
								</li><li><a href="contact.html" title="Contact Us">Contact Us</a> 
									<ul class="active">	
									
									</ul>	
								</li>
							</ul>
						</div>
					</div>
					<div class="header-right">
						<div class="search-container">
							<form class="search-form" id="search-form" action="/Home/Search" method="get">
						        <input type="text" class="search-input keyword" placeholder="Search" name="Keyword" notnull="" value="">
						        <button type="submit" class="search-submit"></button>
						    </form>
						    <div class="search-icon" id="search-icon"></div>
						</div>
						<div class="header-menu language">
								<div class="cur">
									<e>English <i class="iconfont">&#xe628;</i></e>
									<ul class="language-list">
										<li>
											<a href="https://mfeir.com" title="English" class="en">English</a>
										</li>
									</ul>
								  </div>
						  </div>
					</div>
		        </div>
				
		    </div>
		</header>

<!--Mo导航 -->
		<div class="header2">
			<div class="main-wrap f-cb">
				<h1 class="logo fl">
					<a href="#">
						<img class="img2" src="static/picture/logo-693.png.webp" alt="">
					</a>
				</h1>
				<div class="header-right">
					<div class="search-container">
					    <form class="search-form" action="/Home/Search" method="get" id="search-form2">
							<div class="search-close"><i></i></div>
					        <input type="text" class="search-input keyword" placeholder="Search" name="Keyword" notnull="" value="">
					        <button type="submit" class="search-submit"></button>
					    </form>	
					    <div class="search-icon" id="search-icon2"></div>
					</div>
					<div class="header-menu language fr">
						    <div class="cur">
						    	<e>English <i class="iconfont">&#xe628;</i></e>
						    	<ul class="language-list">
						    		<li>
						    			<a href="https://mfeir.com" title="English" class="en">English</a>
						    		</li>
						    	</ul>
						      </div>
						</div>
						<div class="nav-btn fr">
							<span class="line line1"></span>
							<span class="line line2"></span>
							<span class="line line3"></span>
						</div>
					
				</div>
				</div>
			<div class="sub-menu">
				<ul id="main-menu">
				   <li class="delay01 animate"><a class="tits" href="index.html">Home</a></li><li class="delay01 animate"><a class="tits" href="about.html">About Us</a></li><li class="delay01 animate"><a class="tits" href="products.html">Products</a></li><li class="delay01 animate"><a class="tits" href="articles.html">News</a></li><li class="delay01 animate"><a class="tits" href="download.html">Download</a></li><li class="delay01 animate"><a class="tits" href="faq.html">Faq</a></li><li class="delay01 animate"><a class="tits" href="contact.html">Contact Us</a></li>
				</ul>
			</div>
		</div>
<script>
	 //下标
	 document.addEventListener("DOMContentLoaded", function() {
			var listItems = document.querySelectorAll("#main-menu li");

			listItems.forEach(function(item) {
			var anchor = item.querySelector("a");
			var sublist = item.querySelector("ul");

			if (anchor !== null && sublist !== null && sublist.querySelectorAll("li").length > 0) {
				var icon = document.createElement("i");
				icon.className = "sub-arrow"; // 添加 class
				anchor.appendChild(icon); // 将 <i> 添加到 <a> 标签内
			}
			});
		});
		
		//搜索
		$(".search-submit").on("click", function() {
		    if ($(".keyword").val().length == 0) {
		        alert("Keyword cannot be empty!");
		        return;
		    }
		    window.location = "/Home/Search?keyword=" + $("#keyword").val();
		});
</script>
		<!-- Link Swiper's CSS -->
		<link rel="stylesheet" href="static/css/swiper-bundle.min.css">
		<link href="static/css/product.css" rel="stylesheet" type="text/css">
		
		<!-- banner -->
		<div class="wd1600">
			<div class="breadcrumb mt30"><a href="index.html">Home</a><a href="products.html">Cupboard</a><a href="javascript:void(0);">Cupboard</a></div>
		</div>
		<!-- main -->
		<div class="main">
			<div class="wd1600 proMain">
				<div class="proLeft">
					<div class="proPic">
						 <div class="e_box left ">
							<div class="bigPic">
									<div class="swiper-container mySwiper wyz-top">
										<div class="swiper-wrapper picBox">
											<div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/Cupboard1-754.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/Cupboard1-754.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div><div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/Cupboard3-500.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/Cupboard3-500.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div><div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/Cupboard2-177.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/Cupboard2-177.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div><div class="swiper-slide list swiper-slide-active">
													<a class="pic smallmove hide"></a>
													<img src="static/picture/Cupboard4-353.jpg_600x600.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/Cupboard4-353.jpg_600x600.webp" class="smallpic img lazyload" alt="3">
												</div>			
										</div>
										<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
									</div>
							</div>
							<div class="thuilm">	
								<div class="swiper-container wyz-thumbs">
									<div class="swiper-wrapper">
									</div>
									<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
								</div>
								
								<div class="swiper-button pro-left swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true">
									<i class="iconfont icon-left"></i>
								</div>
								<!-- 鍙?-->
								<div class="swiper-button pro-right swiper-button-disabled" tabindex="0" role="button" aria-label="Next slide" aria-disabled="true">
									<i class="iconfont icon-right"></i>
								</div>
							</div>
						</div>
						<!--澶у浘-->
						<div class="bigBox hide">
						    <div class="bigBox2">
								<img src="" data-src="" class="bigpicA">
						    </div>
						</div>
					</div>	
					<div class="proRight">
						<h1 class="p-title">CUPBOARD</h1> 
						<div class="proItem">
							<h2>China CUPBOARD offered by Maifeier(Tianjin) Wood Industry Co., Ltd, They are used in living room；</h2>
							<div class="ProContent">
									
								</div>
						</div>
						<div class="p-btn">
								<a class="btn btn-bg" href="contact.html">Inquiry</a>
							</div>
					</div>			
				</div>	
			</div>
			<div class="wd1600 detial">
				<p class="smalltit">Describe Details</p>
				<div class="detialCon">
					Cabinets are mostly used in living rooms and kitchens, providing space for storing various kitchen supplies, such as tableware, kitchen utensils, ingredients, electrical appliances, etc.<br>
<br>
Cabinets with sinks are designed to facilitate the cleaning of ingredients and kitchen utensils, and help plan the workflow of the kitchen, making cooking, preparation and cleaning more efficient, and improving the quality and efficiency of life.<br>
<p>
	<br>
</p>
Prevent ingredients and tableware from being contaminated by dust and oil smoke.<br>
<p>
	<br>
</p>
MAIFEIER's modern cabinet materials and designs focus on environmental protection, which helps save energy and reduce environmental impact. For families with children, MAIFEIER cabinets are designed with child safety in mind, such as no sharp corners and safety locks.<br>
<p>
	<br>
</p>
MAIFEIER attaches great importance to the selection of cabinet materials, including three parts: cabinet body, door panel and countertop.<br>
<p>
	<br>
</p>
Common materials include solid wood particle board, solid wood multilayer board, paint board, solid wood board, blister board and Blum hinge imported from Germany, etc. When choosing materials, the first consideration is its durability, environmental protection, etc.<br>
<p>
	<br>
</p>
And edge banding is an important link in cabinet making, usually done by hand, using high-quality edge banding strips and edge banding glue.<br>
Each link requires precision and professionalism to ensure the quality, beauty and practicality of the final product.<br>
				</div>
			</div>
			<div class="wd1600 relative">
				<p class="smalltit">Related Products</p>
				<div class="relativePbox">
					<div class="proLi">
						<a href="" title="CUPBOARD" target="_blank" style="display: inline-block;">
							<div class="ImgBox">
								<picture>
									<source type="https://staticcdn.tigerwing.net/Content/upload/623823/Cupboard1-754.jpg_300x300.webp" media="(max-width: 760px)" srcset="">
									<img alt="" style="" class="lazyload zoom-in" src="static/picture/Cupboard1-754.jpg_300x300.webp" data-src="https://staticcdn.tigerwing.net/Content/upload/623823/Cupboard1-754.jpg_300x300.webp">  
								</picture>
							  </div>
							<div class="txtBox">	
							 <h3 class="proTitle">CUPBOARD</h3>
							 <p class="proSummry">China CUPBOARD offered by Maifeier(Tianjin) Wood Industry Co., Ltd, They are used in living room；</p>
						  </div>
						</a>
					</div>
				</div>
			</div>
		</div>
	<!-- foot -->
	<!-- foot -->
		<div class="footer">
			<div class="wd1600 footbox">
					 
				<div class="company-infos">
					<div>
					<img src="static/picture/logo-693.png" alt="Maifeier(Tianjin) Wood Industry Co., Ltd" class="footer-logo">
					<p>Caoci Village, Chengguan Town, Wuqing District, Tianjin</p>
					<p class="info-text"><a href="mailto:mfeirmuye@163.com">E-mail: mfeirmuye@163.com</a></p>
					<p class="info-text">Tel: +86 15313336008</p>	
					<div class="link">
						<a href="" title="Facebook" target="_blank" rel="noopener"><i class="icon_facebook"></i></a>
						<a href="" title="Twitter" target="_blank" rel="noopener"><i class="icon_twitter"></i></a>
						<a href="" title="Linkedin" target="_blank" rel="noopener"><i class="icon_instagram"></i></a>
						<a href="[vk]" title="Facebook" target="_blank" rel="noopener"><i class="icon_vk"></i></a>
						<a href="" title="Youtube" target="_blank" rel="noopener"><i class="icon_youtobe"></i></a>
					</div>
					</div>
				</div>
				
				
				<div class="quicklinks">
					<h4>Quick Links</h4>
					<div>
						<a href="index.html">Home</a><a href="about.html">About Us</a><a href="products.html">Products</a><a href="articles.html">News</a><a href="download.html">Download</a><a href="faq.html">Faq</a><a href="contact.html">Contact Us</a>
					</div>
				</div>
				
				<div class="message">
					<h4>Online Message</h4>
					<div class="inputBox">
						<form id="footet_chat_form" class="form">
							<input name="Name" class="InputText" id="name" maxlength="64" type="text" placeholder="*Name" tit="Name" required="">
							<input name="Email" class="InputText" id="email" maxlength="64" type="text" placeholder="*Email" tit="Email" required="">
							<input name="body" class="InputText" id="message" maxlength="64" type="text" placeholder="*Message" tit="Message" required="">
							<button type="submit" id="footer_chat_btn" class="btn btn-bg btn_small">Contact Us</button>
						</form>
					</div>
				</div>
			</div>
			<div class="wd1600 copyRights">
				<p>Maifeier(Tianjin) Wood Industry Co., Ltd  <span>&#169;</span> All Rights Reserved</p>
				<p><a href="sitemap.xml" target="_blank">sitemap.xml</a><a href="sitemap.html" target="_blank">sitemap.html</a></p>
				<p><a href="https://www.sourcingagent.cn/" target="_blank">Sourcing Agent China</a></p>
			</div>
		</div>
		<!-- 鍗虫椂鑱婂ぉ浠ｇ爜 -->
		<div id="chat_window">
		    <div class="chat_box is_respon ">
		        <div class="box trans_05">
		            <div class="box_area">
		                    <a rel="nofollow" href="tel:+8615313336008" title="+8615313336008" target="_blank" class="chat_item" style="background-image: url(static/image/phone.gif);background-position: center;background-size: 100%;background-repeat: no-repeat;">
		                            +8615313336008 </a><a rel="nofollow" href="mailto:mfeirmuye@163.com" title="mfeirmuye@163.com" target="_blank" class="chat_item" style="background-image: url(static/image/email.gif);background-position: center;background-size: 100%;background-repeat: no-repeat;">
		                            mfeirmuye@163.com </a>
		                </div>
		            <span class="chat_close"></span>
		        </div>
		        <div class="chat_box_menu">
		            <a href="javascript:;" class="more default_show"></a>
		            <a href="javascript:;" id="go_top" class="top trans_05"></a>
		        </div>
		    </div>
		</div>
		
<!-- inquery -->
<div class="inquery inquery-none">
	<button type="submit" class="elementor-btn" id="submit_fm">Inquiry</button>
</div>


<script src="static/js/jquery-3.4.1.min.js"></script>
<!-- 鎳掑姞杞?-->
<script type="text/javascript" src="static/js/lazyLoad.js"></script>
<!-- 鍏叡js -->
<script type="text/javascript" src="static/js/common.js"></script>
<script>
	$(document).ready(function() {
		 $("#footer_chat_btn").on("click", function() {
		 var email = $('#email').val();
			 if ($("#name").val().length == 0) {
			     alert("Name cannot be empty!");
			     return false;
			 }
			 if ($("#email").val().length == 0) {
			     alert("Email cannot be empty!");
			     return false;
			 }
			 if (!isValidEmail($("#email").val())) {
			            alert('Invalid email format!');
			     return false;
			 }
			 if ($("#message").val().length == 0) {
			     alert("Message cannot be empty!");
			    return false;
			 }
		 $.post("/Api/Note", $("#footet_chat_form").serialize(), function(data, status) {
			 if (data == "T") {
				 window.location.href= '/thank.html';
			 } else {}
		 }); 
	 });
	  function isValidEmail(email) {
	         var emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
	         return emailRegex.test(email);
	     }
	 
	})
</script>
	<!--<div class="pop_out_bg">
    <div class="pop_out">
        <span class="pop_close" title="关闭"> x </span>
        <div>
            <h3><tw:label text="下载产品手册" /></h3>
            <p>
                <tw:label text="请填写你的Email,我们将给您发送最新产品手册" />
            </p>
            <form id="popform" method="post">
                <input id="pop_email" class="pop_email" autocomplete="new-password" name="email" placeholder="email"/>
                <input id="pop_address" class="pop_address"  name="address" type="hidden" value="123"/>
                <input id="pop_submit" class="pop_submit" type="button" value="DOWNLOAD">
            </form>
        </div>
    </div>
</div>-->

		<!-- 浜у搧杞挱 -->
		<script type="text/javascript" src="static/js/proSwiper.js"></script>
		<!-- 鍏叡js -->
		<script type="text/javascript" src="static/js/common.js"></script>
		<script>
			$(document).ready(function () {
			    // if (isFrontEnv()) {
			        function magnify() {
			            // 灏忓浘鐩掑瓙
			            var small = $('.list');
			            // 灏忓浘
			            var smallpic = $('.list .smallpic');
			            // 澶у浘鐩掑瓙
			            var bigBox = $('.bigBox');
			            // 澶у浘
			            var bigpic = $('.bigpicA');
			
			            small.each(function (i, ele) {
			                var smallmove = $(ele).find('.smallmove')
			                $(ele).on('mouseover', function () {
			                        // 绉诲姩鍧楁樉绀?
			                        smallmove.removeClass('hide').addClass('show');
			                        // 璁剧疆澶у浘鐨剆rc鍊?
			                        var src = $(this).find('.smallpic').attr('src');
								
			                        bigpic.attr('src', src);
			                        // 鏄剧ず澶у浘鐨勫湴鏂规樉绀?
			                        bigBox.removeClass('hide').addClass('show');
									
									var s=$(this).html();
									// alert(s);
									// alert($(this).height()+"*"+bigBox.height()+"/"+bigpic.height());
									
			                        // 绉诲姩鍧楃殑澶у皬
			                        smallmove.css({
			                            "width": $(this).width() * bigBox.width() / bigpic.width(),
										"height": $(this).width() * bigBox.width() / bigpic.width()
			                            // "height": $(this).height() * bigBox.height() / bigpic.height()
			                        });
			                    })
			                    .on('mousemove', function (ev) {
			                        ev = ev || event;
			                        // 绉诲姩鍧楄窛绂诲乏渚х殑璺濈
			                        var sLeft = ev.pageX - $(this).offset().left - smallmove.width() /
			                            2 - 1;
			                        // 绉诲姩鍧楄窛绂婚《閮ㄧ殑璺濈
			                        var sTop = ev.pageY - $(this).offset().top - smallmove.height() /
			                            2 - 1;
			                        // 璁＄畻宸︿晶璺濈
			                        if (sLeft <= 0) {
			                            sLeft = 0;
			                        } else if (sLeft >= $(this).width() - 2 - smallmove.width()) {
			                            sLeft = $(this).width() - 2 - smallmove.width();
			                        };
			                        // 璁＄畻璺濋《閮ㄨ窛绂?
			                        if (sTop <= 0) {
			                            sTop = 0;
			                        } else if (sTop >= $(this).width() - 2 - smallmove.width()) {
			                            sTop = $(this).width() - 2 - smallmove.width();
			                        };
			                        // 璁剧疆绉诲姩鍧楃殑浣嶇疆
			                        smallmove.css({
			                            left: sLeft,
			                            top: sTop
			                        });
			                        var ratio = - bigpic.width() * sLeft  / $('.list').width();
			                        var ratioB =-  bigpic.width() * sTop  / $('.list').width();
			                        // 璁剧疆澶у浘鐨勪綅缃?
			                            bigpic.css({
			                                left: ratio,
			                                top: ratioB
			                            });
			                    })
			                    .on('mouseout', function () {
			                        // 榧犳爣绂诲紑
			                        // 绉诲姩鍧楅殣钘?
			                        smallmove.addClass('hide').removeClass('show');
			                        // 澶у浘闅愯棌
			                        bigBox.addClass('hide').removeClass('show');
			                    });
			            })
			        };
					var wyzTop = new Swiper('.wyz-top', {
		
					});
					//灏嗕富鍥剧殑鏁版嵁浼犻€掔粰缂╃暐鍥?
					$('.wyz-top .swiper-slide').each(function(index, slide) {
					  // var mainSrc = $(slide).data('src');
					   var firstdiv1 =$('<div class="swiper-slide" style="width:80px;"><img class="img lazyload"></div>');
					   var $container = $('.wyz-thumbs .swiper-wrapper')
					   $(firstdiv1).appendTo($container);
					   var mainSrc = $(slide).children('img').data('src');
					   var wyzThumbs = $('.wyz-thumbs .swiper-slide').eq(index).children('img');
					   var thumbdataSrc = wyzThumbs.attr('data-src');
					   var thumbSrc = wyzThumbs.attr('src');
					  // $('<div'+'class="swiper-slide">' + '<img'+'src="[img]_80x80.webp"'+'data-src="[img]_80x80.webp"' +' class="img lazyload"'+' alt="3"'>' + '<'+'/div>').appendTo($container);
					 
					  console.log(mainSrc);
					  console.log(wyzThumbs.children('img'));
					  
					   // if (!thumbSrc) {
						  wyzThumbs.attr("data-src", mainSrc);
						  wyzThumbs.attr("src", mainSrc);
					    //wyzThumbs.css('background-image', 'url(' + mainSrc + ')');
					  // }
					   
					});
			        // 缂╃暐鍥?
			        var wyzThumbs = new Swiper('.wyz-thumbs', {
			            slidesPerView: 6,
						spaceBetween: 4,
			            breakpoints: {
			                1024: {
			                    slidesPerView: 4,
			                    spaceBetween: 18
			                },
			                1300: {
			                    slidesPerView: 6,
			                    spaceBetween: 18
			                }
			            },
			            freeMode: true,
			            navigation: {
			                nextEl: '.pro-right',
			                prevEl: '.pro-left',
			            },
			            watchSlidesVisibility: true,
			            watchSlidesProgress: true,
						// thumbs: {
						//     swiper: '.wyz-top',
						//   }
			        });
					
					// 澶у浘
					var wyzTop = new Swiper('.wyz-top', {
					    thumbs: {
					        swiper: wyzThumbs
					    }
					});
		
			        // 缂╃暐鍥炬寜閽?
			        $('.pro-left').click(function () {
			            wyzTop.slidePrev();
			        });
			        $('.pro-right').click(function () {
			            wyzTop.slideNext();
			        });
		
					
			        // 鍝嶅簲寮?
			         // 鏀惧ぇ闀?
			         if($(window).width()>768)
			         {
			             magnify();
			            // 寮圭獥
			            // $(".pic ").colorbox({
			            //     rel: 'pic',
			            //     transition: "fade",
			            //     width: '80%',
			            //     height: '80%',
			            // });
			        }
				
					
			        
			    // };
			});
			
		</script>	
		
		
	</body>
</html>